<template>  
    <view>  
        <carHeader :title="'我的车辆'"></carHeader>  
        <uni-card class="no-vehicle-card">  
            <view class="no-vehicle-content">  
                <view class="image-container">  
                    <image class="no-vehicle-image" src="/static/车联网服务-08我的-05我的车辆添加_slices/组 4.png"></image>  
                </view>  
                <view class="no-vehicle-text">暂无车辆信息</view>  
            </view>  
        </uni-card>  
		<view class="button-container">
			<button @click="add">+ 添加车辆</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			handleRadioChange(e) {
				console.log(e);
				this.current = parseInt(e.detail.value); // 更新当前选中项  
			},
			add() {
				uni.navigateTo({
					url: '/pages/tianjiacheliang/tianjiacheliang'
				})
			},
		}
	}
</script>

<style lang="scss">
	.carHeader{
		background-size: cover;
	}
	.no-vehicle-card {  
	    position: relative;  
	    top: -180rpx;  
	}  
	  
	.no-vehicle-content {  
	   margin-top: 150rpx;
	   border-radius: 30rpx; 
	   height: 800rpx;
	}  
	.image-container{
		width: 90%;
		height: 380rpx;
	}
	.no-vehicle-image {  
	    width: 100%;  
	    height: 100%;  
	}  
	  
	.no-vehicle-text {  
	    text-align: center; 
		font-size: 28rpx; 
		color: #C4C4C4;
	}  
	
	.button-container{
		position: absolute;
		bottom: 30rpx;
		width: 100%;
		button{
			color: #fff; 
			font-size: 30rpx; 
			text-align: center;
			width: 80%;
			background-color: #3384FC;
			border-radius: 100rpx;
		}
	}
</style>